<template>
  <!-- 访客记录-----访客记录 -->
  <div class="visitor-index">
    <a-row class="aRow-wrapper" :gutter="12">
      <a-col class="tree-wrapper" :span="4">
        <left-tree></left-tree>
      </a-col>
      <a-col class="listContent-wrapper" :span="20">
        <top-title :updateTime="true" :content="content"></top-title>

        <div class="l-w_content">
          <div class="l-w_c_content">
            <div class="pageInfo">
              <div class="tabsList">
                <a-tabs class="tabs" v-model="activeKey" @tabClick="handelClick">
                  <a-tab-pane key="1" tab="检查逾期" forceRender>
                    <check-overdue :communityKey="key"></check-overdue>
                  </a-tab-pane>
                  <a-tab-pane key="2" tab="回执逾期" forceRender>
                    <receipt-overdue :communityKey="key"></receipt-overdue>
                  </a-tab-pane>
                  <a-tab-pane key="3" tab="复查逾期" forceRender>
                    <recheck-overdue :communityKey="key"></recheck-overdue>
                  </a-tab-pane>
                  <a-tab-pane key="4" tab="复查不合格" forceRender>
                    <recheck-unqualified :communityKey="key"></recheck-unqualified>
                  </a-tab-pane>
                </a-tabs>
              </div>
            </div>
          </div>
        </div>
      </a-col>
    </a-row>
  </div>
</template>
<script>
import leftTree from '@/components/leftTree'
import topTitle from '@/components/topTitle'
import checkOverdue from './checkOverdue'
import receiptOverdue from './receiptOverdue'
import recheckOverdue from './recheckOverdue'
import recheckUnqualified from './recheckUnqualified'
export default {
  name: 'visitor-index',
  components: { leftTree, topTitle, checkOverdue, receiptOverdue, recheckOverdue, recheckUnqualified },
  data() {
    return {
      content: [['事件管理']],
      activeKey: '1',
      key: '',
    }
  },
  mounted() {
    this.activeKey = this.$route.query.activeKey ? this.$route.query.activeKey : '1'
  },
  methods: {
    handelClick(event) {
      this.activeKey = event
    },
  },
}
</script>
<style lang="less" scoped>
.visitor-index {
  width: 100%;
  height: 100%;
  .pageInfo {
    width: 100%;
    height: 100%;
  }
}
</style>
